.BigScreen {
    width: 100%;
    height: 100%;
    min-width: 1200px;
    min-height: 1040px;
    background: rgb(15, 39, 61);
    background-size: cover;
	transform-origin: left top 0;
    color: #eeeeee;
    font-size: 14px;
    .header {
        width: 100%;
        height: 90px;
        line-height: 90px;
        background: url('../../assets/images/satistics2.png');
        background-size: 100% 100%;
        position: relative;
        .title {
            background: linear-gradient(to top, #34bfc6, #ffffff);
            -webkit-background-clip: text;
            color: transparent;
            text-align: center;
            font-size: 34px;
            letter-spacing:2px;
            margin: 0;
            font-weight: 600;
        }
        .header_left {
            width: 35%;
            position: absolute;
            bottom: 0;
            padding-left: 30px;
            line-height: 40px;
            .TimeForm {
                .time {
                    margin: 0;
                }
            }
        }
    }
    .main_body {
        width: 100%;
        .map_chart {
            width: 800px;
            height: 700px;
            margin: 0 auto;
        }
        .footer {
            height: 250px;
            padding: 0 20px;
            .module-item1 {
                width: 20%;
                float: left;
                margin-right: 20px;
                .titles {
                    text-align: center;
                    height: 40px;
                    line-height: 40px;
                    font-size: 16px;
                    background: #1e548e;
                    position: relative;
                    &::before {
                        content: '';
                        background: url('../../assets/images/tag.png');
                        background-size: 100% 100%;
                        position: absolute;
                        left: 0;
                        width: 30px;
                        height: 30px;
                    }
                    &::after {
                        content: '';
                        width: 0;
                        height: 0;
                        border-bottom: 20px solid transparent;
                        border-right: 20px solid rgb(15, 39, 61);
                        position: absolute;
                        right: 0;
                    }
                }
                .module_body {
                    border: 1px solid #1e548e;
                    margin-top: 4px;
                    height: 162px;
                    .item {
                        height: 40px;
                        line-height: 40px;
                        display: flex;
                        justify-content: center;
                        .num {
                            width: 80px;
                            text-align: center;
                            color: #75efff;
                        }
                    }
                }
            }
            .module-item2 {
                width: 40%;
                float: right;
                .titles {
                    text-align: center;
                    height: 40px;
                    line-height: 40px;
                    font-size: 16px;
                    background: #1e548e;
                    position: relative;
                    &::before {
                        content: '';
                        width: 0;
                        height: 0;
                        border-bottom: 20px solid transparent;
                        border-left: 20px solid rgb(15, 39, 61);
                        position: absolute;
                        left: 0;
                    }
                    &::after {
                        content: '';
                        background: url('../../assets/images/tag2.png');
                        background-size: 100% 100%;
                        position: absolute;
                        right: 0;
                        width: 30px;
                        height: 30px;
                    }
                }
                .module_body {
                    border: 1px solid #1e548e;
                    margin-top: 4px;
                    height: 162px;
                    .item {
                        display: flex;
                        justify-content: center;
                        height: 50px;
                        line-height: 50px;
                        text-align: left;
                        padding: 0 20px;
                        .nav1 {
                            width: 34%;
                        }
                        .nav2 {
                            width: 17%;
                        }
                        .nav3 {
                            width: 17%;
                        }
                        .nav4 {
                            width: 15%;
                        }
                        .nav5 {
                            width: 17%;
                            &.on {
                                color: #34bfc6
                            }
                            &.wait {
                                color: #ffeb3b
                            }
                        }
                    }
                }
            }
        }
    }
}